{% extends 'layout/basic.html' %}
{% load static %}
{% block title %}用户短信登录{% endblock %}
{% block css %}
    <link rel="stylesheet" href="{% static 'css/login_sms.css' %}">
{% endblock %}
{% block content %}
    <div class="container">
        <div class="login">
            <h2>短信登录</h2>
            {% csrf_token %}
            {% for field in form %}
                <div class="login_box">
                    {{ field }}
                    <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                    <span class="error_msg" id="{{ field.label }}"></span>
                </div>
            {% endfor %}
            <input type="button" id='code_btn' class="code" value="点击获取验证码"/>
            <a class="login_btn">
                登录
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </a>
            <a class="toggle_btn" href="{% url 'web:login' %}">密码登录？</a>
        </div>
    </div>
{% endblock %}
{% block js %}
    <script src='{% static 'js/login_sms.js' %}'></script>
{% endblock %}